<script setup>
import { ref } from 'vue';

// 定义props，如果有多个props，中间用逗号隔开
defineProps(['title','blogContent']);
// 定义处理事件的函数
const emit = defineEmits(['big']);
const x = ref(10);
// 定义放大函数
function run1()
{
  // 执行放大操作，父组件中的@big相对应
  emit("big");
}
</script>

<template>
<h1>{{ title }}</h1> <br>
<hr>
<button @click="run1">放大内容</button>
<h4>
    {{ blogContent }}
</h4>

<!--插槽，相当于占位符-->
插槽的数据：
<h4>
    <slot></slot>
</h4>
</template>

<style scoped>

</style>